<?php if (!defined('THINK_PATH')) exit();?>﻿<!DOCTYPE html>
<html>
<head>
<title>Florence a Wedding Category Flat Bootstrap Responsive website Template | Home :: w3layouts</title>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Florence Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
  Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //Custom Theme files -->
<link href="/mydemo/Public/css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="/mydemo/Public/css/style.css" type="text/css" rel="stylesheet" media="all">
<!-- js -->
<script src="/mydemo/Public/js/jquery-1.11.1.min.js"></script> 
<!-- //js --> 
</head>
<body>
    <div class="page-content">
    
				<!--FlexSlider-->
					<link rel="stylesheet" href="/mydemo/Public/css/flexslider.css" type="text/css" media="screen" />


        <!-- 全局头部文件 -->
  <div class="top-nav">
    <nav class="navbar navbar-default">
      <div class="container">
        <div class="navbar-header navbar-right">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <form class="navbar-form navbar-right search-box">
            <div class="form-group">
              <input type="text" class="form-control" placeholder="Search">
              <button type="submit" class="btn btn-default" aria-label="Left Align">
                <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
              </button>
            </div>
          </form> 
          <div class="logo">
            <h1><a href="index.html">Florence</a></h1>
          </div>
          <div class="clearfix"> </div>
        </div>
        <!--navigation-->
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav navbar-left cl-effect-5">
            <li><a href="/mydemo/index.php/Index/index" ><span data-hover="Home">Home</span></a></li>
            <li><a href="/mydemo/index.php/About/index"> <span data-hover="About">About </span> </a></li>
            <li><a href="/mydemo/index.php/Codes/index"><span data-hover="Codes">Codes</span></a></li>
            <li><a href="/mydemo/index.php/Gallery/index"><span data-hover="Gallery">画廊</span></a></li>
            <li><a href="/mydemo/index.php/Contact/index"><span data-hover="Contact"> Contact</span></a></li>
             <li><a href="/mydemo/index.php/Contact/index"><span data-hover="Contact"> Contact</span></a></li>
          </ul>
          <div class="clearfix"> </div>
        </div><!--//navigation-->
      </div>  
    </nav>    
  </div>  
  <!--//header-->
  <!--banner-->
  <div class="banner">
    <div class="banner-info">
      <h2 class="hdng">Lorem ipsum dolor sit amet onsectetur</h2>
      <p>Our best Florence make your day special</p>
    </div>
  </div> 

    <div class="bnr-botom">     
    <div class="col-md-6 bnr-botom-left">
      <div class="bnr-botom-info">
        


        
	<div class="about">
		<div class="container">
			<h3 class="title">About Us</h3>
			<div class="about-info">
				<div class="col-md-8 about-grids">
					<h4>Blanditiis praesentium deleniti atque corrupti quos </h4>
					<p>Dignissimos at vero eos et accusamus et iusto odio ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecat officia deserunt mollitia laborum et dolorum fuga. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecat </p>		
					<div class="about-row">
						<div class="col-md-4 about-imgs">
							<img src="/mydemo/Public/img/img5.jpg" alt="" class="img-responsive zoom-img"/>
						</div>
						<div class="col-md-4 about-imgs">
							<img src="/mydemo/Public/img/img6.jpg" alt=""  class="img-responsive zoom-img"/>
						</div>
						<div class="col-md-4 about-imgs">
							<img src="/mydemo/Public/img/img7.jpg" alt=""  class="img-responsive zoom-img"/>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="col-md-4 about-grids">
					<h4>Our Advantages</h4>
					<div class="pince">
						<div class="pince-left">
							<h5>01</h5>
						</div>
						<div class="pince-right">
							<p>Vero vulputate enim non justo posuere placerat. Phasellus eget purus vel mauris.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="pince">
						<div class="pince-left">
							<h5>02</h5>
						</div>
						<div class="pince-right">
							<p>Vero vulputate enim non justo posuere placerat. Phasellus eget purus vel mauris.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="pince">
						<div class="pince-left">
							<h5>03</h5>
						</div>
						<div class="pince-right">
							<p>Vero vulputate enim non justo posuere placerat. Phasellus eget purus vel mauris.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="pince">
						<div class="pince-left">
							<h5>04</h5>
						</div>
						<div class="pince-right">
							<p>Vero vulputate enim non justo posuere placerat. Phasellus eget purus vel mauris.</p>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!--//about-->
	<!-- testimonials -->
	<div class="testimonials">
		<div class="container">
			<h3 class="title">Testimonials</h3>
			<section class="slider">
				<div class="flexslider">
					<ul class="slides">
						<li>
							<div class="testimonials-grid">
								<div class="testimonials-grid-left1">
									<img src="/mydemo/Public/img/t1.png" alt=" " class="img-responsive" />
								</div>
								<div class="testimonials-grid-right1">
									<p><span>L</span>orem ipsum dolor sit amet, consectetur adipiscing elit, 
										sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
										Ut enim ad minim veniam.</p>
								</div>
								<div class="clearfix"> </div>
							</div>
						</li>
						<li>
							<div class="testimonials-grid">
								<div class="testimonials-grid-left1">
									<img src="/mydemo/Public/img/t2.png" alt=" " class="img-responsive" />
								</div>
								<div class="testimonials-grid-right1">
									<p><span>L</span>orem ipsum dolor sit amet, consectetur adipiscing elit, 
										sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
										Ut enim ad minim veniam.</p>
								</div>
								<div class="clearfix"> </div>
							</div>
						</li>
						<li>
							<div class="testimonials-grid">
								<div class="testimonials-grid-left1">
									<img src="/mydemo/Public/img/t3.png" alt="" class="img-responsive" />
								</div>
								<div class="testimonials-grid-right1">
									<p><span>L</span>orem ipsum dolor sit amet, consectetur adipiscing elit, 
										sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
										Ut enim ad minim veniam.</p>
								</div>
								<div class="clearfix"> </div>
							</div>
						</li>
					</ul>
				</div>
			</section>

		</div>
	</div>
	<!-- //testimonials -->
	<!-- testimonials -->
	<div class="about-bottom">
		<div class="container">
			<div class="about-bottom-info">
				<div class="col-md-5 history">
					<h3 class="title">Our History</h3>
					<div class="banner-bottom-video-grid-left">
						<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingOne">
									<h4 class="panel-title">
										<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
											2013-2015
										</a>
									</h4>
								</div>
								<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
									<div class="panel-body">
										Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck.
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingThree">
									<h4 class="panel-title">
										<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
											2011-2013
										</a>
									</h4>
								</div>
								<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
									<div class="panel-body">
										Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck.
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingFour">
									<h4 class="panel-title">
										<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
											2009-2011
										</a>
									</h4>
								</div>
								<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
									<div class="panel-body">
										Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck.
									</div>
								</div>
							</div>
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingFive">
									<h4 class="panel-title">
										<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
											2007-2009
										</a>
									</h4>
								</div>
								<div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
									<div class="panel-body">
										Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck.
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-7 team">
					<!--team-->
					<div class="team">
						<h3 class="title">Meet Our Team</h3>
						<!-- flex-slider -->
						<div class="work-bottom">
							<div class="nbs-flexisel-container"><div class="nbs-flexisel-inner"><ul id="flexiselDemo1" class="nbs-flexisel-ul" style="left: -285px; display: block;">																																		
								<li class="nbs-flexisel-item" style="width: 285px;">
									<div class="team-left">
										<img src="/mydemo/Public/img/t4.jpg" alt="">
										<div class="team-bottom">
											<h4>Mark Simmy</h4>
											<p>Fusce et nibh eget odio cursus consectetur</p>
										</div>
									</div>
								</li>
								<li class="nbs-flexisel-item" style="width: 285px;">
									<div class="team-left">
										<img src="/mydemo/Public/img/t5.jpg" alt="">
										<div class="team-bottom">
											<h4>Mark Simmy</h4>
											<p>Fusce et nibh eget odio cursus consectetur</p>
										</div>
									</div>
								</li>
								<li class="nbs-flexisel-item" style="width: 285px;">
									<div class="team-left">
										<img src="/mydemo/Public/img/t6.jpg" alt="">
										<div class="team-bottom">
											<h4>Alan Smith</h4>
											<p>Fusce et nibh eget odio cursus consectetur</p>
										</div>
									</div>
								</li>
								<li class="nbs-flexisel-item" style="width: 285px;">
									<div class="team-left">
										<img src="/mydemo/Public/img/t7.jpg" alt="">
										<div class="team-bottom">
											<h4>Carol Adams</h4>
											<p>Fusce et nibh eget odio cursus consectetur</p>
										</div>
									</div>
								</li>
								<li class="nbs-flexisel-item" style="width: 285px;">
									<div class="team-left">
										<img src="/mydemo/Public/img/t5.jpg" alt="">
										<div class="team-bottom">
											<h4>Mark Simmy</h4>
											<p>Fusce et nibh eget odio cursus consectetur</p>
										</div>
									</div>
								</li>
								<li class="nbs-flexisel-item" style="width: 285px;">
									<div class="team-left">
										<img src="/mydemo/Public/img/t6.jpg" alt="">
										<div class="team-bottom">
											<h4>Mark Simmy</h4>
											<p>Fusce et nibh eget odio cursus consectetur</p>
										</div>
									</div>
								</li>
							</ul>
							<div class="nbs-flexisel-nav-left" style="top: 138px;"></div><div class="nbs-flexisel-nav-right" style="top: 138px;"></div></div></div>

						</div>
					</div>	
					<!--//team-->
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	
         
             <!--footer-->
  <div class="footer">  
    <div class="col-md-8 footer-left">
      <div class="col-md-4 footer-text">
        <h3>Navigation</h3>
        <ul>
          <li><a href="index.html">Home</a></li>      
          <li><a href="about.html">About</a></li>     
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </div>
      <div class="col-md-4 footer-text">
        <h3>Popular</h3>
         <ul>
           <li><a href="#">Deserunt Mollit</a></li>
           <li><a href="#">Nulla Pariatur</a></li>
           <li><a href="#">Voluptate Velit</a></li>
         </ul>
      </div>
      <div class="col-md-4 footer-text">
        <h3>Get In Touch</h3>
        <ul>
          <li>Ola-ola street jump,</li>
          <li>260-14 City, Country</li>
          <li><a href="mailto:info@example.com">info@example.com</a></li>
        </ul>     
      </div>
      <div class="clearfix"> </div>
    </div>
    <div class="col-md-4 footer-right">
      <div class=" icons">
        <ul>
          <li><a href="#" class="twitter"> </a></li>
          <li><a href="#" class="twitter facebook"> </a></li>
          <li><a href="#" class="twitter chrome"> </a></li>
          <li><a href="#" class="twitter pinterest"> </a></li>
          <li><a href="#" class="twitter linkedin"> </a></li>
        </ul>
      </div>
      <div class="subscribe">
        <form>
          <input type="text" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" required="">
          <input type="submit" value="Subscribe" >
        </form>
      </div>
    </div>
    <div class="clearfix"> </div>
    <div class="container">
      <div class="copy-right">
        <p> © 2016 Florence . All rights reserved | Design by <a href="http://w3layouts.com">W3layouts</a></p>  
      </div>
    </div>
  </div> 
    <script src="/mydemo/Public/js/bootstrap.js"></script>
        
        

						<script defer src="/mydemo/Public/js/jquery.flexslider.js"></script>
					<script type="text/javascript">
					$(window).load(function(){
					  $('.flexslider').flexslider({
						animation: "slide",
						start: function(slider){
						  $('body').removeClass('loading');
						}
					  });
					});
				  </script>
				<!--End-slider-script-->
								<script type="text/javascript">
										$(window).load(function() {
											$("#flexiselDemo1").flexisel({
												visibleItems: 3,
												animationSpeed: 1000,
												autoPlay: true,
												autoPlaySpeed: 3000,    		
												pauseOnHover: true,
												enableResponsiveBreakpoints: true,
												responsiveBreakpoints: { 
													portrait: { 
														changePoint:480,
														visibleItems: 2
													}, 
													landscape: { 
														changePoint:640,
														visibleItems: 3
													},
													tablet: { 
														changePoint:768,
														visibleItems: 3
													}
												}
											});
											
										});
								</script>
								<script type="text/javascript" src="/mydemo/Public/js/jquery.flexisel.js"></script>				
								<!-- //flex-slider -->		

	
    </div>
</body>
</html>